.rDialog {
position: fixed;
_position: absolute;
z-index:9999999;
}

.rDialog-wrap {
    position: relative;
    background: #FDFDFD;
    opacity: 1;
    background-clip: padding-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 1px 1px 1px #B3B0B0;
    padding: 1em 1em;
}
.rDialog-header-load {
text-align: center;
background: url("../images/alert-loading.gif");
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100%;
width: 50px;
height: 53px;
margin: auto;
}
.rDialog-header-alert, .rDialog-header-ok {
    text-align: center;
	background:none;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 53px;
    margin: auto;
    width: 65px;
    height: 65px;
    border: 4px solid rgba(165, 220, 134, 0.42);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.rDialog-header-alert{
background-position: 0 -53px;
}
.rDialog-header-ok {
background-position: 0 0;
}
.rDialog-content {
    padding: 1em 1em;
    font-size: 16px;
    color: rgb(121, 121, 121);
    overflow: hidden;
    text-align: center;
    font-family: inherit;
}
.rDialog-footer {
padding-left: 15px;
text-align: center;
}
.rDialog-footer a {
display: inline-block;
margin: 0 15px 15px 0;
height: 35px;
line-height: 35px;
padding: 0 10%;
font-size: 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.rDialog-footer a: link, .rDialog-footer a: visited, .rDialog-footer a: hover {
color: #fff;
text-decoration: none;
}
.rDialog-ok,.rDialog-ok:hover {
background: #FBA733;
color: #fff;
}
.rDialog-cancel,.rDialog-cancel:hover  {
background: #E6E6E6;
color: #A7A7A7;
}
.rDialog-mask {
position: fixed;
_position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=30);
opacity: .3;
}




.rDialog-header-alert::before,.rDialog-header-ok::before {
    content: "!";
    width: 65px;
    height: 65px;
    position: absolute;
    background: rgba(255, 255, 255, 0);
    right: 0px;
    top: 0px;
    /* -webkit-transform: rotate(-45deg); */
    /* transform: rotate(-45deg); */
    /* border-bottom: 5px solid rgb(165, 220, 134); */
    /* border-left: 5px solid rgb(165, 220, 134); */
    font-size: 53px;
    color: rgb(165, 220, 134);
    line-height: 65px;
    font-family: initial;
}
/**/
.rDialog-header-alert::after,.rDialog-header-ok::after{
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 65px;
    height: 65px;
    margin-left: -38px;
    border-top: 4px rgb(165, 220, 134) solid;
    border-bottom: 5px rgba(165, 220, 134, 0) solid;
    border-left: 5px rgba(165, 220, 134, 0) solid;
    border-right: 4px rgba(165, 220, 134, 0.95) solid;
    margin-top: -4px;
    opacity: 0;
}

.rDialog .rDialog-wrap{
  -webkit-animation: showDialogAlert 0.3s;
  -ms-animation: showDialogAlert 0.3s;
  -moz-animation: showDialogAlert 0.3s;
  animation: showDialogAlert 0.3s;	
}
/**/
.rDialog-wrap .rDialog-header-alert::after,.rDialog-wrap .rDialog-header-ok::after{
  -webkit-animation: rotatePlaceholder 2s ease-in;
  -ms-animation: rotatePlaceholder 2s ease-in;
  -moz-animation: rotatePlaceholder 2s ease-in;
  animation: rotatePlaceholder 2s ease-in;
}

.rDialog-header-alert::before ,.rDialog-wrap .rDialog-header-ok::before{
  -webkit-animation: animateSuccessTip 0.75s;
  -ms-animation: animateSuccessTip 0.75s;
  -moz-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
/*
 * Animations
 */
@-webkit-keyframes showDialogAlert {
  0% {transform: scale(0.7); -webkit-transform: scale(0.7); }
  45% { transform: scale(1.05);-webkit-transform: scale(1.05); }
  80% {transform: scale(0.95);-webkit-transform: scale(0.95); }
  100% {transform: scale(1);-webkit-transform: scale(1); } }
@-ms-keyframes showDialogAlert {
  0% {transform: scale(0.7); -ms-transform: scale(0.7); }
  45% { transform: scale(1.05);-ms-transform: scale(1.05); }
  80% {transform: scale(0.95);-ms-transform: scale(0.95); }
  100% {transform: scale(1);-ms-transform: scale(1); } }
@-moz-keyframes showDialogAlert {
  0% {transform: scale(0.7); -moz-transform: scale(0.7); }
  45% { transform: scale(1.05);-moz-transform: scale(1.05); }
  80% {transform: scale(0.95);-moz-transform: scale(0.95); }
  100% {transform: scale(1);-moz-transform: scale(1); } }
@keyframes showDialogAlert {
  0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
  45% {transform: scale(1.05);-webkit-transform: scale(1.05); }
  80% {transform: scale(0.95);-webkit-transform: scale(0.95); }
  100% { transform: scale(1);-webkit-transform: scale(1); } }


@-webkit-keyframes rotatePlaceholder {
  0% { opacity:1; transform: rotate(0deg);-webkit-transform: rotate(0deg); }
  5% { opacity:1; transform: rotate(0deg);-webkit-transform: rotate(0deg); }
  12% {opacity:0; transform: rotate(-405deg);-webkit-transform: rotate(-360deg); }
  90% {transform: rotate(-405deg);-webkit-transform: rotate(-360deg); }
  100% {transform: rotate(-405deg);opacity:0px;-webkit-transform: rotate(-360deg); } }
@-ms-keyframes rotatePlaceholder {
  0% { opacity:1; transform: rotate(0deg);-ms-transform: rotate(0deg); }
  5% { opacity:1; transform: rotate(0deg);-ms-transform: rotate(0deg); }
  12% {opacity:0; transform: rotate(-405deg);-ms-transform: rotate(-360deg); }
  90% {transform: rotate(-405deg);-ms-transform: rotate(-360deg); }
  100% {transform: rotate(-405deg);opacity:0px;-ms-transform: rotate(-360deg); } }
@-moz-keyframes rotatePlaceholder {
  0% { opacity:1; transform: rotate(0deg);-moz-transform: rotate(0deg); }
  5% { opacity:1; transform: rotate(0deg);-moz-transform: rotate(0deg); }
  12% {opacity:0; transform: rotate(-405deg);-moz-transform: rotate(-360deg); }
  90% {transform: rotate(-405deg);-moz-transform: rotate(-360deg); }
  100% {transform: rotate(-405deg);opacity:0px;-moz-transform: rotate(-360deg); } }
@keyframes rotatePlaceholder {
  0% {opacity:1;transform: rotate(0deg);-webkit-transform: rotate(0deg); }
  5% {opacity:1;transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  12% {opacity:0; transform: rotate(-405deg);-webkit-transform: rotate(-360deg); }
  90% {transform: rotate(-405deg);-webkit-transform: rotate(-360deg); }
  100% { transform: rotate(-405deg);opacity:0px;-webkit-transform: rotate(-360deg); } }



@-webkit-keyframes animateSuccessTip {
  0% {opacity:0;}
  54% {opacity:0;}
  70% {opacity:0.5; }
  84% {opacity:0.8;}
  100% {opacity:1;} }
@-ms-keyframes animateSuccessTip {
  0% {opacity:0;}
  54% {opacity:0;}
  70% {opacity:0.5; }
  84% {opacity:0.8;}
  100% {opacity:1;} }
@-moz-keyframes animateSuccessTip {
  0% {opacity:0;}
  54% {opacity:0;}
  70% {opacity:0.5; }
  84% {opacity:0.8;}
  100% {opacity:1;} }
@keyframes animateSuccessTip {
  0% {opacity:0;}
  54% {opacity:0; }
  70% { opacity:0.5; }
  84% {opacity:0.8;}
  100% { opacity:1;} }